<div style={{
    position: 'absolute', top: 56, left: 0, width: '100%', height: 'calc(100% - 111px)',
    display: 'flex', flexDirection: 'column',}}>
    {this.state.activeKey === '/sign' && <LiveSignIn userInfo={userInfo} gameInfo={gameInfo} signIn={() => this.signIn()}/>}
    {this.state.activeKey === '/join' && <LiveJoiner joiners={joiners} />}
    {this.state.activeKey === '/gift' && <LiveGift giftList={giftList}/>}
    {this.state.activeKey === '/live' &&
        <LivePlayer liveUrl={gameInfo.live_url} nowGift={nowGift} winPrize={winPrize}
                    userInfo={userInfo} countdown={countdown} barrageList={barrageList}
                    barrageIndex={barrageIndex}
                    setBarrageIndex={(index) => this.setState({barrageIndex:index})}/>}
</div>